<template>
  <div class="condition">
    <condition-item v-for="condition in conditions"
                    :condition-item="condition"></condition-item>
  </div>
</template>

<script>
  import ConditionItem from "./ConditionItem";
  export default {
    name: "Condition",
    components: {
      ConditionItem
    },
    props: {
      conditions: {
        type: Array,
        default() {
          return []
        }
      }
    },

  }
</script>

<style scoped>
  .condition {
    width: 1100px;
    margin: 0 auto;
    padding: 20px 20px 0 20px;
    box-sizing: border-box;
  }
</style>
